{extend name="Index/index" /}

{block name="main"}

<script>
    // 设置弹框参数
    toastr.options = {
        closeButton: true,// 是否显示关闭按钮
        progressBar: true,// 实现显示计时条
        timeOut: "3000",  // 自动关闭时间
        positionClass: "toast-bottom-left" // 提示位置
        // positionClass: "toast-top-full-width" // 提示位置
        // toast-top-full-width 顶端，宽度铺满整个屏幕
        // toast-top-right  顶端右边
    };

    $(function () {
        // 触发 删除用户
        $('.del-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('删除的ID: ' + $(this).attr('data-id'));

            if (confirm('你确定要 [ 删除 ] 吗?')) {
                var obj = $(this).parents('tr');
                // console.log(obj);
                delAjax(ac_id, obj);
            }
        });
    });

    // 执行AJAX删除
    function delAjax(id, obj) {
        $.ajax({
            type: 'delete',
            url: '/sort/' + id,
            dataType: 'json',
            success: function (data) {
//                 console.log(data);
                if (data.status) {
                    toastr.success(data.info);
                    obj.remove();
                } else {
                    toastr.error(data.info, 'FBI WARING: ');
                }
            },
            error: function () {
                alert('AJAX操作失败');
            }
        });
    }
</script>

<h2>
    排片管理
    <small>
        <i class="icon-double-angle-right"></i>
        <span style="color: deepskyblue;">排片列表</span>
    </small>
</h2>

<table class="table table-hover bg-info">
    <thead>
    <tr>
        <th>影院</th>
        <th>影厅</th>
        <th>影片</th>
        <th>开始时间</th>
        <th>结束时间</th>
        <th>价格</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {volist name="list" key="k" id="v" }
    <tr>
        <td>{$v.cinema}</td>
        <td>{$v.studio_name}</td>
        <td>{$v.filmname}</td>
        <td>{$v.time}</td>
        <td>{$v.overtime}</td>
        <td>{$v.price}</td>
        <td>
            <button class="btn btn-danger del-btn" data-id="{$v['id']}">删除</button>
        </td>
    </tr>
    {/volist}
    </tbody>


</table>

{/block}
